/* Slider container */
.slider-container {
    width: 100%;
    margin: 40px auto;
    position: relative;
}

/* সব slide default blur */
.slick-slide {
    transition: all 0.4s ease;
    filter: blur(4px);
    transform: scale(1);
}

/* শুধু active (center) clear */
.slick-center {
    filter: blur(0);
    transform: scale(1); /* normal size */
    z-index: 2;
}

/* পাশের next & prev একটু বড় হবে */
/* Immediate next & prev দুইটাই */
.slick-center + .slick-slide,  

.slick-slide.prevSlide {        /* prev */
    transform: scale(1); /* দুটো এক রকম হবে */
    filter: blur(2px);
    z-index: 2;
}


/* Image styling */

.slick-slide img {
    width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: cover;
    border-radius: 8px;
}


/* Arrow styling */
.slick-prev, .slick-next {
    z-index: 2;
}


.slick-prev:before,
.slick-next:before {
    color: #008080 !important;
    font-size: 30px;
}

/* ✅ Desktop view */
@media (min-width: 769px) {
    .slick-slide img {
        height: 500px;
        object-fit: fill;
        max-height: none;
    }

    .slick-prev { left: -35px; }
    .slick-next { right: -35px; }
}

/* ✅ Mobile view */
@media (max-width: 768px) {
    .slick-prev, .slick-next {
        display: none !important; /* arrows remove */
    }

    .slick-slide {
        filter: blur(4px);
        transform: scale(0.8);
    }

    .slick-center {
        filter: blur(0);
        transform: scale(1); /* শুধু center থাকবে */
    }

    /* পাশের images hide */
    .slick-center + .slick-slide,
    .slick-center.prevSlide {
        display: none !important;
    }

    .slider-container {
        margin: 20px auto;
    }

    .slick-slide img {
        max-height: 250px;
    }
}